<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>健康状态分析</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/meter.css">
    <link rel="stylesheet" href="../css/effect.css">
    <script src="../js/vue.js"></script>
</head>
<body>
<div class="back">
    <!--顶条-->
    <div class="top clearfix" style="display:none;">
        <p class="fl">风场CPS系统<i></i></p>
        <a href="" class="fr top_icon"></a>
    </div>
    <!--中部content-->
    <article class="clearfix">
        <!--左侧边栏-->
        <ul class="fl banner" style="display:none;">
            <li>
                <p></p>
                <a href="../index.html">
                    <i class="fan_icon"></i>
                    <em>风场状态概览</em>
                </a>
            </li>
            <li  class="tool">
                <p></p>
                <a href="../html/prod.html">
                    <i class="fan_icon"></i>
                    <em>生产管理</em>
                </a>
            </li>
            <li  class="tool">
                <p></p>
                <a href="../html/peration.html">
                    <i class="fan_icon"></i>
                    <em>维护管理</em>
                </a>
            </li>
            <li  class="tool">
                <p></p>
                <a href="javascript:;">
                    <i class="fan_icon"></i>
                    <em>健康状态分析</em>
                </a>
            </li>
        </ul>
        <!--健康状态healthy-->
        <div class="fl heal">
            <ul class="heal_u clearfix">
                <li class="fl"><a href="health.html">健康信息</a></li>
                <li class="fl selected"><a href="effect.html">效能信息</a></li>
            </ul>
            <div class="heal_t">
                
                <div class="heal_b">
                    <div class="heal_h">
                        <p class="heal_p">重要效能相关故障检测：</p>
                        <ul class="heal_hc clearfix">
                            <li class="heal_hl fl"><em>风机对风准确度：</em><i class="heal_n"> 正常</i>;</li>
                            <li class="heal_hl fl"><em>风机叶片状态：</em><i class="heal_n"> 正常</i></li>
                            <li class="heal_hl fl"><em>风机变桨状态：</em><i class="heal_n"> 正常</i></li>
                        </ul>
                    </div>
                    <div class="heal_e clearfix">
                        <div class="heal_base fl">
                            <!-- <canvas id="canvas_l"   width="400px"; height="200px"; position="absolute";  left="843px"; top="390px"; ></canvas>
                            <canvas id="canvas_r"   width="400px"; height="200px"; position="absolute";  left="943px"; top="390px"; border="1px solid red"></canvas> -->
                            <div id="base_e"></div>
                        </div>
                        <div class="heal_colony fl">
                            <div id="colony_e"></div>
                        </div>
                        <div class="heal_loss fl">
                            <div id="loss_e"></div>
                        </div>
                        <div class="heal_mark fl">
                            <div class="mark_h clearfix">
                                <p class="fr"></p>
                            </div>
                            <div class="mark_e_parent">
                                <ul class="rank clearfix">
                                    <li>1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                    <li>6</li>
                                    <li>7</li>
                                    <li>8</li>
                                    <li>9</li>
                                    <li>10</li>
                                    <li>11</li>
                                    <li>12</li>
                                    <li>13</li>
                                    <li>14</li>
                                    <li>15</li>
                                    <li>16</li>
                                    <li>17</li>
                                    <li>18</li>
                                    <li>19</li>
                                    <li>20</li>
                                    <li>21</li>
                                    <li>22</li>
                                    <li>23</li>
                                    <li>24</li>
                                </ul>
                                <div id="mark_e">

                                </div>
                                <div class="box" id="history" style="display:none;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </article>
</div>
</body>
<script src="../js/vue.js"></script>
<script src="../js/jquery-1.7.2.js"></script>
<script src="../js/echarts.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/effect1.js"></script>
</html>